{% include 'header.html' %}
<div class="content">
	<div class="col_izq">{% include 'menu_izq.html' %}</div>

	<div class="col_central">
		<div class="novedades">
			<div class="novedades-title">
				<p><strong>NOVEDADES</strong></p>
			</div>
			
			<div class="novedades-content">
				<div class="table">
					<ul id="horizontal-list">
						{% for pelicula in nuevas_peliculas %}
						<li>
							<div class="pelicula-portada">
								<a id="imagen" href="/pelicula/?t={{pelicula.id}}"><img
									width="80" height="120"
									src="{{ STATIC_URL }}images/{{pelicula.url_imagen}}">
								</a> <a id="titulo" href="/pelicula/?t={{pelicula.id}}">{{pelicula.titulo}}</a>
							</div>
						</li> {% endfor %}
					</ul>
				</div>
			</div>
		</div>
		{{predicciones}}
		{% if user.is_authenticated %}
			{% if recomendadas %}
			<div class="recomendadas">
				<div class="recomendadas-title">
					<p><strong>Te recomendamos...</strong></p>
				</div>
				<div class="recomendadas-content">
					<div class="table">
						<ul id="horizontal-list">
							{% for pelicula,prediccion in recomendadas %}
							<li>
								<div class="pelicula-portada">
									<a id="imagen" href="/pelicula/?t={{pelicula.id}}"><img
										width="80" height="120"
										src="{{ STATIC_URL }}images/{{pelicula.url_imagen}}">
									</a> <a id="titulo" href="/pelicula/?t={{pelicula.id}}">{{pelicula.titulo}}</a>
									<!--  <p>{{prediccion}}</p> -->
								</div>
							</li> {% endfor %}
						</ul>
					</div>
				</div>
			</div>
			{% else %}
			<div class="recomendadas">
				<p>No hay suficientes datos para hacer recomendaciones.</p>
			</div>
			{% endif %}
		{% endif %}
	</div>

	<div class="col_der">{% include 'menu_der.html' %}</div>
</div>

{% include 'footer.html' %}
